<template>
	<!-- 通知详情 -->
	<view class="details bg-white">
		<view class="title">
			<view class="text">{{details.title}}</view>
			<text class="time">{{details.updated_at}}</text>
		</view>
		<view class="solid" style="width: 710rpx;margin-left: 10rpx;"></view>
		<view class="main_text" v-html="details.content"></view>
		<view class="img">
			<image :src="url+details.cover" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				details:'',
				url:''
			};
		},
		onLoad(e) {
			console.log(e);
			this.id = e.id
			this.url = this.$base
			this.$api.messages_details({},this.id,1).then(res=>{
				this.details = res.data
			})
		}
		
	}
</script>

<style lang="scss">
.details{
	width: 100%;
	height: 100vh;
}
.title{
	padding-top: 15rpx;
	margin-left: 35rpx;
	margin-bottom: 18rpx;
	.text{
		height: 45rpx;
		font-size: 32rpx;
		color: #333;
		font-weight: bold;
	}
	.time{
		height: 33rpx;
		font-size: 24rpx;
		color: #A7A6A9;
		padding-top: 10rpx;
	}
}
.main_text{
	padding: 0 10rpx 0 35rpx;
	margin-top: 31rpx;
	margin-bottom: 21rpx;
	font-size: 26rpx;
	line-height: 60rpx;
	color: #444648;
	text-indent: 1em;
}
.img{
	width: 690rpx;
	height: auto;
	background: #F9F9F9;
	border-radius: 10rpx;
	margin: auto;
	margin-top: 37rpx;
	image{
		width: 100%;
		height: 100%;
	}
}
</style>
